@mixin displayCenter {
  display: flex;
  flex-direction: row !important;
  justify-content: center;
  align-items: center;
}
@mixin displayBetween {
  display: flex;
  flex-direction: row !important;
  justify-content: space-between;
  align-items: center;
}
.maxView {
  display: flex;
  align-items: center;
  background-color: #fff;
  margin-bottom: 14rpx;
  .mainView {
    padding-left: 40rpx;
    padding-right: 40rpx;
    padding-top: 30rpx;
    padding-bottom: 20rpx;
    box-sizing: border-box;
    width: 650rpx;
    // height: 340rpx;
    background-color: #fff;
    // box-shadow: 10rpx 0 0 #e6f5f0;
    border: 2rpx solid #e6f5f0;
    border-radius: 14rpx;
    .headView {
      @include displayBetween();
      .headLeft {
        display: flex;
        flex-direction: row !important;
        height: 66rpx;
        align-items: center;
        .main {
          font-size: 42rpx;
          font-weight: 400 !important;
          display: inline-block !important;
          margin-right: 16rpx;
        }
        .desc {
          display: inline-block !important;
          color: #666666;
          margin-right: 16rpx;
        }
        .iconView {
          display: inline-block !important;
          width: 34rpx;
          height: 34rpx;
          vertical-align: middle;
        }
      }
      .status {
        font-size: 26rpx !important;
      }
    }
    .contentCycle {
      color: #666666 !important;
      font-size: 30rpx;
      .contentItem {
        display: flex;
        flex-direction: row !important;
        align-items: center;
        height: 60rpx;
        margin-bottom: 6rpx;
        .contentTitle {
          width: 140rpx;
          margin-right: 26rpx;
        }
      }
    }
  }
}
